<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="stylesheet" href="./static/swit/css/swiper.min.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="container">
        <p>当前定位</p>
        <!-- <div class="clear"></div> -->
        <div class="weather"></div>
        <div class="location">
            <h3>广州市天河区包包子</h3>
            <img src="./images/index.html/bottom.png" alt="">
        </div>
        <div class="more">
            <div class="search">
                <img src="./images/index.html/icon-search.png" alt="">
             <input type="text" placeholder="搜索你的没事">
        </div>
        <img src="./images/index.html/icon-more.png" alt="">
        </div>
        
       <div class="dished">
           <ul>
               <li><a href="#">
                   <div class="minbox">
                       <img src="./images/index.html/icon-Hamburger.png" alt="">
                   </div>
                   <p>汉堡套餐</p>
               </a></li>
               <li><a href="#">
                <div class="minbox">
                    <img src="./images/index.html/icon-cake.png" alt="">
                </div>
                <p>新鲜蛋糕</p>
               </a></li>
               <li><a href="#">
                <div class="minbox">
                    <img src="./images/index.html/Donuts.png" alt="">
                </div>
                <p>甜甜圈</p>
               </a></li>
               <li><a href="#">
                <div class="minbox">
                    <img src="./images/index.html/Pineapple buns.png" alt="">
                </div>
                <p>菠萝包</p>
               </a></li>
               <li><a href="#">
                <div class="minbox">
                    <img src="./images/index.html/icon-Hamburger.png" alt="">
                </div>
                <p>汉堡套餐</p>
               </a></li>
           </ul>
       </div>
       <div class="bigbox">
           <div class="box">
           <div class="sale">
               <img src="./images/index.html/pic.png" alt="">
               <div class="time">
                   <img src="./images/index.html/clock.png" alt="">
                   <p>20-30分钟</p>
               </div>
               <div class="icon">
                   <img src="./images/index.html/icon-Hamburgermin.png" alt="">
               </div>
           </div>
           <p class="title">西式早餐搭配豆浆汉堡搭配限时优惠<span>¥28.9</span></p>
           <p class="explanation">
               <img src="./images/index.html/star.png" class="star" alt="">
               <span>4.9</span>包包汉堡早餐搭配-仅限早餐时段 
               <img src="./images/index.html/cart.png" class="car"  alt="">
               <div class="clear"></div>
           </p>
       </div>
       <div class="box">
        <div class="sale">
            <img src="./images/index.html/bread.jpg" alt="">
            <div class="time">
                <img src="./images/index.html/clock.png" alt="">
                <p>20-30分钟</p>
            </div>
            <div class="icon">
                <img src="./images/index.html/icon-Hamburgermin.png" alt="">
            </div>
        </div>
        <p class="title">西式早餐搭配豆浆汉堡搭配限时优惠<span>¥28.9</span></p>
        <p class="explanation">
            <img src="./images/index.html/star.png"  class="star"  alt="">
            <span>4.9</span>包包汉堡早餐搭配-仅限早餐时段 
            <img src="./images/index.html/cart.png" class="car" alt="">
        </p>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
       </div>
       
       <div class="nav">
        <ul>
            <li><a href="index.html">
                <span class="iconfont" style="color: #ed545a;">&#xe615;</span>
                <p style="color: #ed545a;">首页</p>
            </a></li>
            <li><a href="order.html">
                <span class="iconfont">&#xe61b;</span>
                <p>点餐</p>
            </a></li>
            <li><a href="myorder.html">
                <span class="iconfont">&#xe629;</span>
                <p>订单</p>
            </a></li>
            <li><a href="mine.html">
                <span class="iconfont">&#xe67a;</span>
                <p>我的</p>
            </a></li>
        </ul>
    </div>
    </div>
    <script src="./static/swit/js/swiper.min.js"></script>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script src="./js/mine.js"></script>
    <script src="js/weather.js"></script>
</body>
</html>